import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import pxtorem from 'postcss-pxtorem';
// https://vitejs.dev/config/
export default defineConfig({
  server:{
    proxy:{
      "/VueHandler":{
        target:"http://127.0.0.1:3000",
        // ws:true, 
        changeOrigin:true,
         rewrite: (path) => path.replace(/^\/VueHandler/, '/VueHandler'), 
        //  路径重写，把'/VueHandler'替换为''
      }
    }
  },

 plugins: [vue()],
  css: {
    postcss: {
      plugins: [
        pxtorem({
          // rootValue: 75, // 这里写设计稿的宽度/10即可，例如设计稿宽度是750px就写75
          // vant默认是37.5，如果是使用了vant的话可以像下面这样写
          rootValue(res) {
            return res.file.indexOf("vant") !== -1 ? 37.5 : 75;
          },
          propList: ['*'], // 需要转换的属性，默认转换所有属性
          selectorBlackList: [], // CSS选择器黑名单，防止部分选择器被转换
          exclude: /\/node_modules\//i, // 忽略包文件转换rem
        })
      ]
    }
  }

})
